/* global.css */

/* 通用的 Flex 布局：水平垂直居中 */
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 水平居中 */
.flex-h-center {
    display: flex;
    justify-content: center;
}

/* 垂直居中 */
.flex-v-center {
    display: flex;
    align-items: center;
}

/* 横向排列，内容间距均分 */
.flex-between-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 水平排列，元素之间有间距 */
.flex-row-space {
    display: flex;
    justify-content: space-between;
}

/* 垂直排列，元素之间有间距 */
.flex-column-space {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* 垂直排列，元素之间有间距,水平居中 */
.flex-v-column-space {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

/* Flex 布局：弹性盒子内项目的换行 */
.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

/* 水平居中，带有间距 */
.flex-h-space-center {
    display: flex;
    justify-content: space-evenly;
}

/* 自定义的 Flex 方向，横向排列 */
.flex-row {
    display: flex;
    flex-direction: row;
}

/* 自定义的 Flex 方向，纵向排列 */
.flex-column {
    display: flex;
    flex-direction: column;
}

/* 弹性容器，内容居中且大小自适应 */
.flex-auto {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
}

.c-pointer {
    cursor: pointer;
}

input:focus {
    outline: none;
    box-shadow: none;
    border-color: inherit;
  }